<template>
	<u-popup bgColor="transparent" @close="$emit('change',false)" :show="showPoster" mode="center">
		<template>
			<view class="close">
				<w-icon name="close" size="24" @click="$emit('change',false)"></w-icon>
			</view>
			<view class="poster_con">
				<!-- #ifdef H5 -->
					<img :src="posterImg" mode="widthFix" class="img"></img>
				<!-- #endif -->
				<!-- #ifndef H5 -->
					<image :src="posterImg" mode="widthFix" class="img"></image>
				<!-- #endif -->
			</view>
		</template>
	</u-popup>
</template>

<script>
	export default {
		props:{
			showPoster: {
				type: Boolean,
				default: false
			},
			posterImg: {
				type: String,
				default:''
			}
		},
		model:{
			prop:'showPoster',
			event:'change'
		},
		data() {
			return {
				
			};
		},
		mounted() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.poster_con{
		width: 614rpx;
		>.img{
			width: 100%;
			height: 100%;
			display: block;
			// border-radius: 20rpx;
		}
	}
	.close{
		width: 100%;
		height: 80rpx;
		display: flex;
		justify-content: flex-end;
	}
</style>
